// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.pagination-v2 {
  @_top: pagination-v2;

  padding: 10px 0;
  color: @osu-colour-l2;
  justify-content: center;
  font-size: @font-size--normal;
  display: flex;
  align-items: center;
  --active-bg: @osu-colour-h1;

  @media @desktop {
    padding-left: 10px;
    padding-right: 10px;
  }

  &--forum {
    --active-bg: var(--forum-bg);
    margin-bottom: -2px;
  }

  &__col {
    display: flex;
    margin: 2px;

    &--pages {
      list-style: none;
      margin: -2px;
      padding: 0;
      flex-wrap: wrap;
    }
  }

  &__item {
    margin: 2px;
  }

  &__link {
    .link-plain();
    display: block;
    padding: 4px 10px;
    border-radius: 10000px;

    &--active {
      font-weight: 600;
      color: @osu-colour-b5;
      background-color: var(--active-bg);
    }

    &--disabled {
      opacity: 0.5;
    }

    &--quick {
      white-space: nowrap;
      text-transform: uppercase;
      padding-left: 15px;
      padding-right: 15px;
      background-color: @osu-colour-b4;
    }
  }
}
